<template>
    <div>
        <el-dialog
                title="充值"
                :visible.sync="dialogVisible">
            <el-form>
                <flow-row :label="`支付方式`" :required="false">
                    <el-form-item>
                        <el-radio v-model="payment" label="0">支付宝</el-radio>
                    </el-form-item>
                </flow-row>
                <flow-row :label="`充值金额`" :required="false">
                    <el-form-item>
                        <el-input v-model="money" placeholder="请填写充值金额"></el-input>
                    </el-form-item>
                </flow-row>
            </el-form>


            <span slot="footer" class="dialog-footer">
                <el-button type="primary" @click="submit">确定</el-button>
                <el-button type="info" @click="cancel">取消</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
    export default {
        name: "pay",
        props:{
            show:{
                type:Boolean,
                default:false
            }
        },
        data(){
            return{
                dialogVisible:this.show,
                payment:'',
                money:''
            }
        },
        watch:{
            show(){
                this.dialogVisible = this.show
            }
        },
        methods:{

            submit(){
                console.log('提交充值')
            },
            pay(){
                console.log('充值')
            },
            cancel(){
                console.log('取消')
            }
        }
    }
</script>

<style scoped>

</style>